<template>
	<view>
		<view class="search mx-3 my-1 d-flex a-center">
			<input type="text" class="p-1 pl-3 flex-1" style="border-radius: 5upx; border: 1upx solid #d6944c;" placeholder="请输入梦境或号码">
			<input type="submit" class="ssanniu ml-2 text-center text-white" style="" value="搜索">
		</view>
		<view class="mt-5 mb-2 px-3">
			<view class="fw-7 fstitle">热门梦境</view>
			<view class="d-flex a-center flex-wrap" style="margin-top:15rpx;">
				<view class="mb-2 px-2 br-1 fstitle yichuduoh" style="border-radius: 5upx;margin-right:15rpx;border: 1upx solid #d6944c;">房间</view>
				<view class="mb-2 px-2 br-1 fstitle yichuduoh" style="border-radius: 5upx;margin-right:15rpx;border: 1upx solid #d6944c;">风景</view>
				<view class="mb-2 px-2 br-1 fstitle yichuduoh" style="border-radius: 5upx;margin-right:15rpx;border: 1upx solid #d6944c;">天空</view>
				<view class="mb-2 px-2 br-1 fstitle yichuduoh" style="border-radius: 5upx;margin-right:15rpx;border: 1upx solid #d6944c;">房间房间</view>
				<view class="mb-2 px-2 br-1 fstitle yichuduoh" style="border-radius: 5upx;margin-right:15rpx;border: 1upx solid #d6944c;">风景房间</view>
				<view class="mb-2 px-2 br-1 fstitle yichuduoh" style="border-radius: 5upx;margin-right:15rpx;border: 1upx solid #d6944c;">天空房间</view>
				<view class="mb-2 px-2 br-1 fstitle yichuduoh" style="border-radius: 5upx;margin-right:15rpx;border: 1upx solid #d6944c;">房间</view>
				<view class="mb-2 px-2 br-1 fstitle yichuduoh" style="border-radius: 5upx;margin-right:15rpx;border: 1upx solid #d6944c;">风景</view>
				<view class="mb-2 px-2 br-1 fstitle yichuduoh" style="border-radius: 5upx;margin-right:15rpx;border: 1upx solid #d6944c;">天空</view>	
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page{background: #fffcf5;}
.ssanniu{width: 90upx; height: 70upx; border-radius: 5upx; line-height: 100%;border: 1upx solid #d6944c;background-color: #d6944c;}
</style>
